<template>
  <!-- vue3页面 -->
  <a-card
    style="border-radius: 10px; height: 100%; overflow-y: scroll"
    :bodyStyle="{ padding: '5px 15px' }"
  >
    <a-tabs v-model:activeKey="activeKey" :tabBarStyle="{ margin: '0' }">
      <a-tab-pane key="1" tab="工会经费预算">
        <MyExpenditure />
      </a-tab-pane>
      <a-tab-pane key="2" tab="分工会经费预算" force-render>
      </a-tab-pane>
      <a-tab-pane key="3" tab="协会经费预算">Content of Tab Pane 3</a-tab-pane>
    </a-tabs>
  </a-card>
</template>

<script setup lang="ts">
import { ref, onMounted } from "vue";
import MyExpenditure from "./components/allocate/expenditure.vue";

onMounted(() => {
  console.log("mounted");

  // 写一个fetch请求
});
const activeKey = ref("1");
</script>

<style scoped></style>
